import { getCookie, deleteCookie } from "../js/cookie.js"

//顶部广告
$(".icon-cha").click(function () {
    $(".top-img").remove();
});

//导航栏
$(".shortcut li").mouseenter(function () {
    $(this).children().css("color", "#fff");
}).mouseleave(function () {
    $(this).children().css("color", "#afafaf");
})
$(".a").mouseenter(function () {
    $(".a a").css("color", "red");
    $(".b").css("display", "block");
}).mouseleave(function () {
    $(".a a").css("color", "#afafaf");
    $(".b").css("display", "none");
})

//标识用户身份
var cookie = document.cookie;
if (cookie) {
    var lgc = getCookie("lgc");
    if (lgc) {
        $(".hide a:first-child").css("display", "none");
        $(".hide a:last-child").css("display", "block");
        $(".hide").eq(0).children().html(`欢迎,${lgc}`)
        // $(".hide a:last-child").html(`欢迎,${lgc}`);
        $(".exit").click(function () {
            deleteCookie("lgc");
            location.reload();
        })
    }
}

//轮播图上的目录
$(".category li").mouseenter(function () {
    $(this).children().find("div").css("display", "block");
}).mouseleave(function () {
    $(this).children().find("div").css("display", "none");
});
$(".category span").mouseenter(function () {
    $(this).css("color", "red");
}).mouseleave(function () {
    $(this).css("color", "#848484");
})

//轮播图
var index = 0;
var timer = null;

autoPlay();

function autoPlay() {
    clearInterval(timer);
    timer = setInterval(function () {
        index++;
        evenPoint();
    }, 3000)
}

function evenPoint() {
    if (index < 0) {
        index = $(".auto li").length - 1;
        $(".auto li").eq(index).addClass("show").siblings().removeClass("show");
        $(".wrap li").eq(index).addClass("active").siblings().removeClass("active");
    } else if (index >= $(".auto li").length) {
        index = 0;
        $(".auto li").eq(index).addClass("show").siblings().removeClass("show");
        $(".wrap li").eq(index).addClass("active").siblings().removeClass("active");
    } else {
        $(".auto li").eq(index).addClass("show").siblings().removeClass("show");
        $(".wrap li").eq(index).addClass("active").siblings().removeClass("active");
    }
}

$(".wrap li").mouseenter(function () {
    clearInterval(timer);
    $(this).addClass("active").siblings().removeClass("active");
    index = $(this).index();
    $(".auto li").eq(index).addClass("show").siblings().removeClass("show");
})
$(".swiper").mouseenter(function () {
    clearInterval(timer);
}).mouseleave(function () {
    autoPlay();
})

$(".prev").mouseenter(function () {
    $(".prev").css("background", "rgba(0,0,0,0.8)");
}).mouseleave(function () {
    $(".prev").css("background", "rgba(0,0,0,0.1)");
})
$(".prev").click(function () {
    index--;
    evenPoint();
})

$(".next").mouseenter(function () {
    $(".next").css("background", "rgba(0,0,0,0.8)");
}).mouseleave(function () {
    $(".next").css("background", "rgba(0,0,0,0.1)");
})
$(".next").click(function () {
    index++;
    evenPoint();
})

//悬浮工具栏
$(".back li").on("mouseenter", function () {
    $(this).find("em").css("color", "red");
    $(this).find("i").css("color", "red");
}).on("mouseleave", function () {
    $(this).find("em").css("color", "#777");
    $(this).find("i").css("color", "#999");
})
$(document).on("scroll", function () {
    // console.log($(document).scrollTop());
    if ($(document).scrollTop() >= 400) {
        $(".totop").css("display", "block");
    } else {
        $(".totop").css("display", "none");
    }
})
$(".totop").click(function () {
    $(document).scrollTop(0);
})


//热销单品动态生成
$.ajax({
    type: "get",
    url: "../php/hotItem.php",
    data: {},
    dataType: "json",
    success: function (result) {
        var { status, msg, list } = result;
        if (status) {
            if (list.length) {
                var html = "";
                list.forEach(({ goodsId,goodsName, goodsImg, goodsPrice, smallPicList, bigPicList, goodsDetail }) => {
                    html += `<li>
                    <a href="../html/details.html?${goodsId}">
                        <p class="grid-img">
                            <img src="https:${goodsImg}" alt="">
                        </p>
                        <div class="grid-title">${goodsName}</div>
                        <p class="grid-desc">立省300 </p>
                        <p class="grid-price">${goodsPrice}</p>
                    </a>
                    </li>`
                })
                $(".span-968").children().html(html);
            }
        }
    },
    error: function (err) {
        reject(err);    //请求失败 =>返回错误
    }
})